<!DOCTYPE html>
<html class="no-js" lang="en-US">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        

        <!-- Icons -->
        <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../images/favicon/apple-touch-icon-57x57.png" />
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../images/favicon/apple-touch-icon-114x114.png" />
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../images/favicon/apple-touch-icon-72x72.png" />
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../images/favicon/apple-touch-icon-144x144.png" />
        <link rel="apple-touch-icon-precomposed" sizes="60x60" href="../images/favicon/apple-touch-icon-60x60.png" />
        <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../images/favicon/apple-touch-icon-120x120.png" />
        <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../images/favicon/apple-touch-icon-76x76.png" />
        <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../images/favicon/apple-touch-icon-152x152.png" />
        <link rel="icon" type="image/png" href="../images/favicon/favicon-196x196.png" sizes="196x196" />
        <link rel="icon" type="image/png" href="../images/favicon/favicon-96x96.png" sizes="96x96" />
        <link rel="icon" type="image/png" href="../images/favicon/favicon-32x32.png" sizes="32x32" />
        <link rel="icon" type="image/png" href="../images/favicon/favicon-16x16.png" sizes="16x16" />
        <link rel="icon" type="image/png" href="../images/favicon/favicon-128.png" sizes="128x128" />
        <meta name="application-name" content="&nbsp;"/>
        <meta name="msapplication-TileColor" content="#FFFFFF" />
        <meta name="msapplication-TileImage" content="mstile-144x144.png" />
        <meta name="msapplication-square70x70logo" content="mstile-70x70.png" />
        <meta name="msapplication-square150x150logo" content="mstile-150x150.png" />
        <meta name="msapplication-wide310x150logo" content="mstile-310x150.png" />
        <meta name="msapplication-square310x310logo" content="mstile-310x310.png" />


        <link rel="manifest" href="manifest.json">
        
            <link rel="canonical" href="#">
        

        <link rel="stylesheet" href="../css/community.css">
        <meta name="msapplication-config" content="browserconfig.xml"/>
        <meta name="msapplication-TileColor" content="%23ffffff">
        <meta name="msapplication-TileImage" content="../images/favicon/ms-icon-144x144.png">
        <meta name="theme-color" content="%23ffffff">

        <!-- Title -->
        <title>M3: Open Source Metrics Engine</title>
        <meta property="og:title" content="M3: Open Source Metrics Engine"/>
        <meta property="og:site_name" content="M3"/>
        
            <meta property="og:url" content="/community"/>
        
        <meta property="og:type" content="website"/>
        <meta name="twitter:title" content="M3: Open Source Metrics Engine"/>
        <meta name="twitter:site" content="@m3"/>
        <meta name="twitter:card" content="summary_large_image"/>

        <!-- Image -->
        <meta property="og:image" content="/images/logo-square.png"/>
        <meta name="twitter:image" content="/images/logo-square.png"/>
        

        <!-- Description -->
        
            <meta name="description" content="M3 is a Prometheus compatible, easy to adopt metrics engine that powers/provides visibility for some of the world's largest brands."/>
            <meta name="twitter:description" content="M3 is a Prometheus compatible, easy to adopt metrics engine that powers/provides visibility for some of the world's largest brands."/>
            <meta property="og:description" content="M3 is a Prometheus compatible, easy to adopt metrics engine that powers/provides visibility for some of the world's largest brands.">
        

        <base href="/">

    </head>

    <body>
        

<header id="screen-reader-shortcut-header" class="main-header js-main-header fixed-top w-100">

    
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container c-mx-0">
        <div class="row align-items-center justify-content-between no-gutters w-100">
            <a class="navbar-brand d-flex align-items-center" href="">
                <img src="../images/logo.svg" class="navbar-brand__logo" alt="logo-m3">
            </a>

            <div class="collapse navbar-collapse justify-content-between order-3 order-lg-2 pb-4 pb-lg-0" id="navbarNav">
                <ul class="navbar-nav mt-auto ml-auto c-mr-lg-8">
                    <li class="nav-item active">
                        <a class="nav-link" href="/community/">Community <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item ">
                        <a class="nav-link" href="/about/">About M3</a>
                    </li>
                    <li class="nav-item ">
                        <a class="nav-link" href="/docs/">Documentation</a>
                    </li>
                </ul>
            </div>

            <div class="navbar-socials order-lg-3">
                <a href="https://bit.ly/m3slack" target="_blank" class="navbar-socials__logo-box bg-primary c-mr-2">
                    <img src="../images/slack_logo-light.svg" class="navbar-socials__logo" alt="logo-slack-light" />
                </a>
                <a href="https://github.com/m3db/m3" target="_blank" class="navbar-socials__logo-box bg-primary c-ml-2">
                    <img src="../images/github_logo-light.svg" class="navbar-socials__logo" alt="logo-github-light" />
                </a>
            </div>

            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span></span>
                <span></span>
                <span></span>
            </button>
        </div>
    </div>
</nav>
    

</header>

<div class="main-content page-community">

        

    <img src="../images/community/hero-bg-community.svg" class="community__bg-hero" alt="community-hero" />

<section class="hero-community">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <h1 class="font-size-48 line-height-1-2 font-weight-semibold c-mt-6">
                    <span class="text-blue-light">
                        Join
                    </span>

                    our

                    <span class="d-block">M3 Community</span>
                </h1>
                
                <div class="d-none d-md-block">
                    <a target="_blank" rel="noopener" href="https://calendly.com/chronosphere-intro/m3-community-office-hours?month=2020-10" 
class="crunch-button crunch-button__full-background 
crunch-button__full-background--primary-color 
crunch-button__full-background--border-radius crunch-button__full-background--ellipse-pic crunch-button__full-background--large c-mt-10 c-mt-md-8">
    Office Hours
</a>
                </div>
            </div>

            <div class="col-md-6 c-mt-6">

                

                    <div class="hero-community__card d-flex align-items-center c-mt-4 c-mt-md-3 c-py-3 ml-auto"
                    onclick="window.open('https://bit.ly/m3slack', '_blank')" tabindex="-1">
                        <div class="hero-community__card-iconbox d-flex flex-column justify-content-center c-px-5">
                            <img src="../images/community/slack_logo-big-color.svg" class="hero-community__card--icon-slack-logo lazyload" loading="lazy" alt="slack-logo" />
                        </div>

                        <div class="hero-community__card-descbox d-flex justify-content-start align-items-center w-100 c-px-4">
                            <span class="text-secondary font-size-36 font-weight-bold letter-spacing-1-4 c-mr-3">
                                375+
                            </span>
                            <span class="font-size-14 font-weight-medium c-ml-3">
                                active group members
                            </span>
                        </div>
                    </div>

                

                    <div class="hero-community__card d-flex align-items-center c-mt-4 c-mt-md-3 c-py-3 ml-auto"
                    onclick="window.open('https://github.com/m3db/m3', '_blank')" tabindex="-1">
                        <div class="hero-community__card-iconbox d-flex flex-column justify-content-center c-px-5">
                            <img src="../images/community/github_logo-big-color.png" class="hero-community__card--icon-github-logo lazyload" loading="lazy" alt="github-logo" />
                        </div>

                        <div class="hero-community__card-descbox d-flex justify-content-start align-items-center w-100 c-px-4">
                            <span class="text-secondary font-size-36 font-weight-bold letter-spacing-1-4 c-mr-3">
                                78
                            </span>
                            <span class="font-size-14 font-weight-medium c-ml-3">
                                contributors across 20+ companies
                            </span>
                        </div>
                    </div>

                

                <div class="d-md-none">
                    <a target="_blank" rel="noopener" href="https://calendly.com/chronosphere-intro/m3-community-office-hours?month=2020-10" 
class="crunch-button crunch-button__full-background 
crunch-button__full-background--primary-color 
crunch-button__full-background--border-radius crunch-button__full-background--ellipse-pic crunch-button__full-background--large c-mt-10 c-mt-md-8">
    Office Hours
</a>
                </div>

            </div>
        </div>
    </div>
</section>
    <section class="community-ways c-mb-8 c-mb-md-4">
    <div class="container" data-aos="fade-in">
        <div class="row">
            <div class="col">
                <h2 class="community-ways__section-title font-weight-semibold text-center text-md-left">Ways to contribute</h2>
                <p class="community-ways__description font-size-16 line-height-1-6">Welcome to the M3 community! There are a variety of resources to share the latest news, answer questions, and troubleshoot any issues. See the below list for more information on these resources.</p>
            </div>
        </div>
        <div class="row community-ways__cards">

            

            <div class="col-md-6 c-mb-4">
                <div class="community-ways__card c-p-6 c-px-md-5 d-md-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between">
                    <div class="community-ways__card-content">
                        <div class="logo-wrapper d-flex align-items-center">
                            <img src="../images/community/slack_logo-big-color.svg" class="lazyload" loading="lazy" alt="Slack" />
                            <h3 class="logo-title c-ml-2 font-size-18 font-size-md-22 font-weight-bold">Slack</h3>
                        </div>
                        <div class="text font-size-12 c-mt-4 line-height-1-5">Engage with other members of the community through the M3 slack channel.</div>
                    </div>
                    
                    <div class="community-ways__card-link">
                        <a
                            target="_blank"
                            rel="noopener"
                            href="https://bit.ly/m3slack"
                            class="crunch-button crunch-button__full-background crunch-button__full-background--primary-color crunch-button__outline--border-radius font-size-16 font-weight-medium c-mt-5 c-mt-lg-0 w-100">
                            Join the channel
                        </a>
                    </div>
                </div>
            </div>

            

            <div class="col-md-6 c-mb-4">
                <div class="community-ways__card c-p-6 c-px-md-5 d-md-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between">
                    <div class="community-ways__card-content">
                        <div class="logo-wrapper d-flex align-items-center">
                            <img src="../images/community/github-logo-main.svg" class="lazyload" loading="lazy" alt="Github" />
                            <h3 class="logo-title c-ml-2 font-size-18 font-size-md-22 font-weight-bold">Github</h3>
                        </div>
                        <div class="text font-size-12 c-mt-4 line-height-1-5">Post and review any feedback, code changes, and issues in our M3 GitHub repository.</div>
                    </div>
                    
                    <div class="community-ways__card-link">
                        <a
                            target="_blank"
                            rel="noopener"
                            href="https://github.com/m3db/m3"
                            class="crunch-button crunch-button__full-background crunch-button__full-background--primary-color crunch-button__outline--border-radius font-size-16 font-weight-medium c-mt-5 c-mt-lg-0 w-100">
                            Repository
                        </a>
                    </div>
                </div>
            </div>

            

            <div class="col-md-6 c-mb-4">
                <div class="community-ways__card c-p-6 c-px-md-5 d-md-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between">
                    <div class="community-ways__card-content">
                        <div class="logo-wrapper d-flex align-items-center">
                            <img src="../images/community/fa-brands_meetup.svg" class="lazyload" loading="lazy" alt="Meetup" />
                            <h3 class="logo-title c-ml-2 font-size-18 font-size-md-22 font-weight-bold">Meetup</h3>
                        </div>
                        <div class="text font-size-12 c-mt-4 line-height-1-5">Get the latest updates and learn how community contributors are using M3 within their companies through our monthly M3 community meetups.</div>
                    </div>
                    
                    <div class="community-ways__card-link">
                        <a
                            target="_blank"
                            rel="noopener"
                            href="https://www.meetup.com/M3-Community/"
                            class="crunch-button crunch-button__full-background crunch-button__full-background--primary-color crunch-button__outline--border-radius font-size-16 font-weight-medium c-mt-5 c-mt-lg-0 w-100">
                            M3 meetup
                        </a>
                    </div>
                </div>
            </div>

            

            <div class="col-md-6 c-mb-4">
                <div class="community-ways__card c-p-6 c-px-md-5 d-md-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between">
                    <div class="community-ways__card-content">
                        <div class="logo-wrapper d-flex align-items-center">
                            <img src="../images/community/calendly-logo.svg" class="lazyload" loading="lazy" alt="Office Hours" />
                            <h3 class="logo-title c-ml-2 font-size-18 font-size-md-22 font-weight-bold">Office Hours</h3>
                        </div>
                        <div class="text font-size-12 c-mt-4 line-height-1-5">Schedule time with M3 engineering to answer any questions or concerns. We hold office hours the third Thursday of every month.</div>
                    </div>
                    
                    <div class="community-ways__card-link">
                        <a
                            target="_blank"
                            rel="noopener"
                            href="https://calendly.com/chronosphere-intro/m3-community-office-hours"
                            class="crunch-button crunch-button__full-background crunch-button__full-background--primary-color crunch-button__outline--border-radius font-size-16 font-weight-medium c-mt-5 c-mt-lg-0 w-100">
                            Sign up here
                        </a>
                    </div>
                </div>
            </div>

            
        
        </div>
    </div>
</section>
    <section class="community-media position-relative c-py-8">
    <img src="../images/community/media-bg.svg" class="community-media__bg" alt="community-media-background" />

    <div class="container" data-aos="fade-in">
        <div class="row">
            <div class="col">
                <h4 class="font-size-48 font-weight-semibold text-blue-dark c-mt-8 c-mt-md-6">
                    Media
                </h4>
            </div>
        </div>

        <div class="community-media__cards row c-mt-2 c-mt-lg-7">

            

                <div class="col-md-6 col-lg-3 c-mt-7 c-mt-lg-0">
                    <div class="community-media__card d-flex flex-column h-100 justify-content-between">

                        <div class="community-media__card-box">
                            <img src="../images/community/media/media-1-cover.png" class="community-media__card-cover align-self-start lazyload" loading="lazy" alt="media-cover-1" />
                        </div>

                        <div class="d-flex flex-column h-100 c-p-6 c-pt-md-2 c-pr-md-4 c-pb-md-4 c-pl-md-4">

                            <h5 class="community-media__card-title font-weight-bold line-height-1-5">
                                <a href="https://eng.uber.com/m3/" target="_blank">

                                    M3: Uber’s Open Source, Large-scale Metrics Platform for Prometheus

                                </a>
                            </h5>

                            

                                <div class="community-media__card-content c-mt-6 c-mt-md-4">
                                    <p class="line-height-1-5">
                                        Learn how and why M3 was created and used by Uber
                                    </p>
                                </div>

                            

                            

                                <div class="community-media__card-author d-flex align-items-center c-mt-6 c-mt-md-4">
                                    <span class="community-media__card-author--name font-weight-semibold">By: 
                                        Rob Skillington, CTO and Co-Founder, Chronosphere
                                    </span>
                                </div>

                            

                            

                                <div class="community-media__card-cta pt-4 mt-auto">
                                    <a href="https://eng.uber.com/m3/" target="_blank" class="d-flex justify-content-between line-height-1-7 text-secondary">

                                        Read the article
                                        
                                        <img src="../images/community/bi_arrow-right-circle.svg" class="community-media__card-cta--pic lazyload" loading="lazy" alt="arrow-right-circle" />
                                    </a>
                                </div>

                            

                        </div>
                    </div>
                </div>

            

                <div class="col-md-6 col-lg-3 c-mt-7 c-mt-lg-0">
                    <div class="community-media__card d-flex flex-column h-100 justify-content-between">

                        <div class="community-media__card-box">
                            <img src="../images/community/media/media-2-cover.png" class="community-media__card-cover align-self-start lazyload" loading="lazy" alt="media-cover-2" />
                        </div>

                        <div class="d-flex flex-column h-100 c-p-6 c-pt-md-2 c-pr-md-4 c-pb-md-4 c-pl-md-4">

                            <h5 class="community-media__card-title font-weight-bold line-height-1-5">
                                <a href="https://www.cncf.io/webinars/maximizing-m3-pushing-performance-boundaries-in-a-distributed-metrics-engine-at-global-scale/" target="_blank">

                                    Maximizing M3 – Pushing performance boundaries in a distributed metrics engine at global scale

                                </a>
                            </h5>

                            

                                <div class="community-media__card-content c-mt-6 c-mt-md-4">
                                    <p class="line-height-1-5">
                                        CNCF Member Webinar - August 2020
                                    </p>
                                </div>

                            

                            

                                <div class="community-media__card-author d-flex align-items-center c-mt-6 c-mt-md-4">
                                    <span class="community-media__card-author--name font-weight-semibold">By: 
                                        Ryan Allan, Member of Technical Staff, Chronosphere
                                    </span>
                                </div>

                            

                            

                                <div class="community-media__card-cta pt-4 mt-auto">
                                    <a href="https://www.cncf.io/webinars/maximizing-m3-pushing-performance-boundaries-in-a-distributed-metrics-engine-at-global-scale/" target="_blank" class="d-flex justify-content-between line-height-1-7 text-secondary">

                                        Watch the video
                                        
                                        <img src="../images/community/bi_arrow-right-circle.svg" class="community-media__card-cta--pic lazyload" loading="lazy" alt="arrow-right-circle" />
                                    </a>
                                </div>

                            

                        </div>
                    </div>
                </div>

            

                <div class="col-md-6 col-lg-3 c-mt-7 c-mt-lg-0">
                    <div class="community-media__card d-flex flex-column h-100 justify-content-between">

                        <div class="community-media__card-box">
                            <img src="../images/community/media/media-3-cover.png" class="community-media__card-cover align-self-start lazyload" loading="lazy" alt="media-cover-3" />
                        </div>

                        <div class="d-flex flex-column h-100 c-p-6 c-pt-md-2 c-pr-md-4 c-pb-md-4 c-pl-md-4">

                            <h5 class="community-media__card-title font-weight-bold line-height-1-5">
                                <a href="https://www.youtube.com/watch?v=aDFm5KaTaOk&amp;ab_channel=CNCF%5BCloudNativeComputingFoundation%5D" target="_blank">

                                    Smooth Operator: Large Scale Automated Storage with Kubernetes

                                </a>
                            </h5>

                            

                                <div class="community-media__card-content c-mt-6 c-mt-md-4">
                                    <p class="line-height-1-5">
                                        Keynote from KubeCon Seattle 2018
                                    </p>
                                </div>

                            

                            

                                <div class="community-media__card-author d-flex align-items-center c-mt-6 c-mt-md-4">
                                    <span class="community-media__card-author--name font-weight-semibold">By: 
                                        Matt Schallert, Member of Technical Staff, Chronosphere and Celina Ward, Former Software Engineer, Uber
                                    </span>
                                </div>

                            

                            

                                <div class="community-media__card-cta pt-4 mt-auto">
                                    <a href="https://www.youtube.com/watch?v=aDFm5KaTaOk&amp;ab_channel=CNCF%5BCloudNativeComputingFoundation%5D" target="_blank" class="d-flex justify-content-between line-height-1-7 text-secondary">

                                        Watch the video
                                        
                                        <img src="../images/community/bi_arrow-right-circle.svg" class="community-media__card-cta--pic lazyload" loading="lazy" alt="arrow-right-circle" />
                                    </a>
                                </div>

                            

                        </div>
                    </div>
                </div>

            

                <div class="col-md-6 col-lg-3 c-mt-7 c-mt-lg-0">
                    <div class="community-media__card d-flex flex-column h-100 justify-content-between">

                        <div class="community-media__card-box">
                            <img src="../images/community/media/media-4-cover.png" class="community-media__card-cover align-self-start lazyload" loading="lazy" alt="media-cover-4" />
                        </div>

                        <div class="d-flex flex-column h-100 c-p-6 c-pt-md-2 c-pr-md-4 c-pb-md-4 c-pl-md-4">

                            <h5 class="community-media__card-title font-weight-bold line-height-1-5">
                                <a href="https://www.youtube.com/watch?v=_L5RjJ7MVv4&amp;t=1675&amp;ab_channel=PrometheusMonitoring" target="_blank">

                                    M3 with Prometheus

                                </a>
                            </h5>

                            

                                <div class="community-media__card-content c-mt-6 c-mt-md-4">
                                    <p class="line-height-1-5">
                                        Lightning talk on M3 from PromCon 2018
                                    </p>
                                </div>

                            

                            

                                <div class="community-media__card-author d-flex align-items-center c-mt-6 c-mt-md-4">
                                    <span class="community-media__card-author--name font-weight-semibold">By: 
                                        Nikunj Aggarwal, Former Tech Lead, Uber
                                    </span>
                                </div>

                            

                            

                                <div class="community-media__card-cta pt-4 mt-auto">
                                    <a href="https://www.youtube.com/watch?v=_L5RjJ7MVv4&amp;t=1675&amp;ab_channel=PrometheusMonitoring" target="_blank" class="d-flex justify-content-between line-height-1-7 text-secondary">

                                        Watch the video
                                        
                                        <img src="../images/community/bi_arrow-right-circle.svg" class="community-media__card-cta--pic lazyload" loading="lazy" alt="arrow-right-circle" />
                                    </a>
                                </div>

                            

                        </div>
                    </div>
                </div>

            

        </div>

        <div class="community-media__main-cta row c-mt-8">
            <div class="col text-center">
                <a target="_blank" rel="noopener" href="/docs/overview/media/" 
                    class="navbar-hugo__cta crunch-button crunch-button__full-background crunch-button__full-background--gradient-color 
                    crunch-button__full-background--large text-white ml-auto c-mr-4">
                        Check out more media from M3
                </a>
            </div>
        </div>
    </div>
</section>


        
            </div>
    
        
<div class="js-main-footer-wrapper">
    <footer class="main-footer c-py-10">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="main-footer__logo-wrapper">
                        <a class="navbar-brand" href="">
                            <img src="../images/logo.svg" class="main-footer__logo lazyload" alt="logo-m3" loading="lazy">
                        </a>    
                    </div>
                </div>

                <div class="col-6 col-md-3 c-mt-6 c-mt-md-0">
                    <h4 class="main-footer__title font-size-16 font-weight-bold text-primary">Sitemap</h4>
                    <ul class="main-footer__menu main-footer__menu-sitemap list-unstyled c-mt-3">
                        <li class="main-footer__menu-item"><a href="/community">Community</a></li>
                        <li class="main-footer__menu-item"><a href="/about">About M3</a></li>
                        <li class="main-footer__menu-item"><a href="/docs/" target="_blank">Documentation</a></li>
                    </ul>
                </div>

                <div class="col-6 col-md-3 c-mt-6 c-mt-md-0">
                    <h4 class="main-footer__title font-size-16 font-weight-bold text-primary">Join our Community</h4>
                    <ul class="main-footer__menu main-footer__menu-community list-unstyled c-mt-3">
                        <li class="main-footer__menu-item">
                            <p class="text-center">
                                <img src="../images/slack_logo-color.svg" class="main-footer__menu-community--slack lazyload" 
                                loading="lazy" alt="logo-slack-color" />
                            </p>
                            <span><a href="https://bit.ly/m3slack" target="_blank">Slack</a></span>
                        </li>
                        <li class="main-footer__menu-item">
                            <p class="text-center">
                                <img src="../images/github_logo-color.svg" class="main-footer__menu-community--github lazyload" loading="lazy" alt="logo-github-color" />
                            </p>
                            <span><a href="https://github.com/m3db/m3" target="_blank">Github</a></span>
                        </li>
                        <li class="main-footer__menu-item">
                            <p class="text-center">
                                <img src="../images/meetup_logo-color.svg" class="main-footer__menu-community--meetup lazyload" loading="lazy" alt="logo-meetup-color" />
                            </p>
                            <span><a href="https://www.meetup.com/M3-Community/" target="_blank">Meetup</a></span>
                        </li>
                        <li class="main-footer__menu-item">
                            <p class="text-center">
                                <img src="../images/community/calendly-logo.svg" class="main-footer__menu-community--office lazyload" loading="lazy" alt="logo-office-color"/>
                            </p>
                            <span><a href="https://calendly.com/chronosphere-intro/m3-community-office-hours" target="_blank">Office Hours</a></span>
                        </li>
                    </ul>
                </div>

                <div class="col-md-3 c-mt-8 c-mt-md-0">
                    <p class="main-footer__copy font-size-14 text-primary">Copyright © 2020. All rights reserved.</p>
                </div>
            </div>
        </div>
    </footer>
</div>
    

    <script src="../js/community.js" defer></script>
<script>
    WebFontConfig = {
        custom: {
            families: ['Cabin:400,500,600,700', 'Poppins:400,500']
        }
    };

    (function(d) {
        var wf = d.createElement('script'), s = d.scripts[0];
        wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
        wf.async = true;
        s.parentNode.insertBefore(wf, s);
    })(document);

</script>


    </body>
</html>